<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="米悦网" />
<meta name="description" content="米悦网" />
<title>米悦网</title>
<link href="css/comm.css" rel="stylesheet" type="text/css">
<script src="js/lib/jquery.js" type="text/javascript"></script>
</head>
<body>
<div class="header">
	<div class="logo f_l"><a href="index.html"><img src="img/logo.jpg" /></a></div>
	<div class="head-ser f_l">
		<form name="" action="" method="post">
			<input type="text" class="head-ser-type" />
			<input type="image" src="img/head-ser-bt.jpg" class="head-ser-bt" value="" />
			<p><a href="javascript:;">汤食</a> <a href="javascript:;">炒食</a> <a href="javascript:;">铁板</a> <a href="javascript:;">盖浇</a> <a href="javascript:;" class="Cred">粥</a> <a href="javascript:;">杭帮菜</a> <a href="javascript:;">上海菜</a> <a href="javascript:;" class="Cred">宁波菜</a> <a href="javascript:;">苏菜</a></p>
		</form>
	</div>
	<!--已登入-->
	<div class="head-user" id="logged" style="display:none;">
		<h1>您好！youth001</h1>
		<p><a href="javascript:;">修改资料</a><a href="bind.html">绑定手机</a></p>
		<p><a href="updatepwd.html">修改密码</a></p>
	</div>
	<!--未登入-->
	<div class="head-user to-login" id="to-login">
		<h1>您好！您还未登入</h1>
		<p><a href="login.html">登入</a><a href="register.html">注册</a><a href="javascript:;"><img src="img/login.jpg" /></a></p>
		<p><a href="getpwd.html">忘记密码？</a></p>
	</div>
	<p class="i15"></p>
</div>
<div class="bodyer">
	<div class="stab">
		<ul>
			<li class="current cBlack" style="z-index:3; margin:0;"><a href="">用户中心</a></li>
			<li style="z-index:2;"><a href="">网站首页</a></li>
		</ul>
	</div>
	<p class="i10"></p><div class="memb_l">
		<div class="avatar">
			<div class="head">用户头像</div>
			<div class="img"><a href=""><img src="img/member/1.png" /></a></div>
			<div class="txt"> <a href="javascript:;">修改头像</a> | <a href="improve.html">完善资料</a><br />
				您有<em>50</em>积分 <a href="javascript:;">马上兑换</a> </div>
			<div class="get"> <a class="btn" href="javascript:;">领取5积分</a><a class="guide" href="javascript:;">积分规则</a> </div>
		</div>
		<div class="manage_menu">
			<div class="head">用户管理</div>
			<ul>
				<li><a class="item" href="javascript:;">用户资料</a></li>
				<li>
					<a class="item" href="javascript:;">订阅手机信息(免费)</a>
					<ul>
						<li><a class="item" href="order.html">马上订阅</a></li>
						<li><a class="item" href="javascript:;">什么是订阅</a></li>
					</ul>
				</li>
				<li>
					<a href="javascript:;" class="item">用户安全中心</a>
					<ul>
						<li><a class="item" href="updatepwd.html">修改密码</a></li>
						<li><a class="item" href="bind.html">绑定手机</a></li>
					</ul>
				</li>
				<li><a class="item" href="apply.html">申请商户</a></li>
			</ul>
			<div class="head">积分管理和优惠券</div>
			<ul>
				<li><a class="item" href="javascript:;">我的优惠券</a></li>
				<li><a class="item" href="javascript:;">领取优惠券</a></li>
				<li><a class="item" href="javascript:;">怎么获得积分</a></li>
			</ul>
		</div>
	</div>
    
	<div class="memb_c">
		<div class="wel">尊敬的 <b>Asd5671</b> 欢迎使用户中心！<br /><strong>您的信息</strong>　　　完善信息 +<em>100</em>积分　　设置头像 +<em>20</em>积分　　订阅信息 +<em>150</em>积分</div>
		<div class="new_coupon">
			<div class="head">最新上架的优惠券</div>
			<ul>
				<li>
					<a href="javascript:;" class="img"><img src="img/member/2.png" /></a>
					<span class="title"><a href="javascript:;">肯德基全场8折起</a></span>
					<b><em>1200</em></b> 积分 <a class="receive" href="javascript:;">领取</a><br />
					剩余：<em>99</em> 张<br />
					<span class="end">2011/10/10 结束</span>
				</li>
				<li>
					<a href="javascript:;" class="img"><img src="img/member/2.png" /></a>
					<span class="title"><a href="javascript:;">肯德基全场8折起</a></span>
					<b><em>1200</em></b> 积分 <a class="receive" href="javascript:;">领取</a><br />
					剩余：<em>99</em> 张<br />
					<span class="end">2011/10/10 结束</span>
				</li>
				<li>
					<a href="javascript:;" class="img"><img src="img/member/2.png" /></a>
					<span class="title"><a href="javascript:;">肯德基全场8折起</a></span>
					<b><em>1200</em></b> 积分 <a class="receive" href="javascript:;">领取</a><br />
					剩余：<em>99</em> 张<br />
					<span class="end">2011/10/10 结束</span>
				</li>
				<li>
					<a href="javascript:;" class="img"><img src="img/member/2.png" /></a>
					<span class="title"><a href="javascript:;">肯德基全场8折起</a></span>
					<b><em>1200</em></b> 积分 <a class="receive" href="javascript:;">领取</a><br />
					剩余：<em>99</em> 张<br />
					<span class="end">2011/10/10 结束</span>
				</li>
			</ul>
		</div>
		<div class="recommend">
			<div class="head">精品推荐</div>
			<ul class="r_list">
				<li>
					<a href="javascript:;" class="img"><img src="img/member/3.png" /></a>
					<span class="title"><a href="javascript:;">清蒸鲍鱼痘 <b><em>17</em>￥</b></a></span>
					<a href="javascript:;" class="up">20</a>
				</li>
				<li>
					<a href="javascript:;" class="img"><img src="img/member/3.png" /></a>
					<span class="title"><a href="javascript:;">清蒸鲍鱼痘 <b><em>17</em>￥</b></a></span>
					<a href="javascript:;" class="up">20</a>
				</li>
				<li>
					<a href="javascript:;" class="img"><img src="img/member/3.png" /></a>
					<span class="title"><a href="javascript:;">清蒸鲍鱼痘 <b><em>17</em>￥</b></a></span>
					<a href="javascript:;" class="up">20</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="memb_r">
		<div class="txtbox">
			<span class="title">手机短信信息订阅</span>
			<div class="hideTxtBox txt">花费了“一个国内一线明星一年的代言费”，从2012年1月1日起，苏宁易购换标的同时，用一个新域名来表达自己的洗心革面。
“2012年，我们的目标是300亿元的销售额。”苏宁易购总经理李斌信心满满。
在资本寒冬来临、各大电商纷纷压缩广告投入时，苏宁易购却逆流而上。目前，在全国各大城市大面积地铺设广告，其综合百货电商之心妇孺皆知。<a class="detail" href="javascript:;">详细</a><textarea class="bin" style="display:none;"></textarea></div>
		</div>
		<p class="i20"></p>
		<div class="txtbox">
			<span class="title">手机短信信息订阅</span>
			<div class="hideTxtBox txt">花费了“一个国内一线明星一年的代言费”，从2012年1月1日起，苏宁易购换标的同时，用一个新域名来表达自己的洗心革面。
“2012年，我们的目标是300亿元的销售额。”苏宁易购总经理李斌信心满满。
在资本寒冬来临、各大电商纷纷压缩广告投入时，苏宁易购却逆流而上。目前，在全国各大城市大面积地铺设广告，其综合百货电商之心妇孺皆知。<a class="detail" href="javascript:;">详细</a><textarea class="bin" style="display:none;"></textarea></div>
		</div>
		
		<script>
		//   .detail前面的文字不能有html标签。有了就挂，程序输出的时候把标签屏蔽掉就行了。
		(function() {
			
			//默认显示多少个字，没有这么长就不显示“展开”了
			var maxLen = 100;
			
			var boxs = $('.hideTxtBox');
			
			boxs.each(function() {
				var childs = this.childNodes,
					txtNode = childs[0],
					len = txtNode.length,
					aTxt = '',
					bTxt = '',
					detail = $(this).find('.detail'),
					bin = $(this).find('.bin');
					
				if ( len > maxLen ) {
					
					aTxt = txtNode.substringData(0, maxLen);
					bTxt = txtNode.substringData(maxLen, len);
					txtNode.deleteData(maxLen, len);
					bin.val(bTxt);
					
					detail.click(function() {
						var show = $(this).attr('show');
						if ( show ) {
							$(this).removeAttr('show');
							$(this).text('详细');
							txtNode.deleteData(maxLen, len);
						}
						else {
							$(this).attr('show', 'true');
							$(this).text('收起');
							txtNode.appendData(bTxt);
						}
						
					});
					
				}
				else {
					detail.hide();
					aTxt = txtNode.substringData(0, len);
				}
				
				
			});
			
		})();
		</script>
	</div>    
</div>
<div class="footer">
<div class="foot">
<ul>
	<li class="foot_menu"><a href="javascript:;"><img src="img/gywm.jpg" /></a><img src="img/hr.jpg" />
	<a href="javascript:;"><img src="img/llwm.jpg" /></a><img src="img/hr.jpg" />
	<a href="javascript:;"><img src="img/fwtk.jpg" /></a><img src="img/hr.jpg" />
	<a href="javascript:;"><img src="img/flsm.jpg" /></a><img src="img/hr.jpg" />
	<a href="member.html"><img src="img/bzzx.jpg" /></a><img src="img/hr.jpg" />
	<a href="javascript:;"><img src="img/rczp.jpg" /></a>
	</li>
	<li class="friendlink"><span class="t"><img src="img/yqlj.jpg" /></span><a href="javascript:;"><img src="img/link/link1.jpg" /></a><a href="javascript:;"><img src="img/link/link2.jpg" /></a>
	<a href="javascript:;"><img src="img/link/link3.jpg" /></a>
	<a href="javascript:;"><img src="img/link/link4.jpg" /></a>
	<a href="javascript:;"><img src="img/link/link5.jpg" /></a>
	<a href="javascript:;"><img src="img/link/link6.jpg" /></a></li>
	<li><img src="img/copyright.jpg" /></li>
</ul>
</div>
</div>
</body>
</html>
